<template>
<div class="about-box">
  <!--<RightSlider></RightSlider>-->
  <router-view></router-view>
  <DiscussSlider></DiscussSlider>
</div>
</template>

<script>
import RightSlider from "@/components/Article";
import DiscussSlider from "@/components/DiscussSlider";
export default {
  name: "About",
  components: {
    DiscussSlider,
    RightSlider
  }
}
</script>

<style scoped>
.about-box{
  width: 90%;
  min-height: 700px;
  margin: 0 auto;
  padding-top: 70px;
  display: flex;
/*box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);*/
}
.left-box{
  width: 997.25px;
  background-color: skyblue;
}
.right-box{
  width: 373px;
  /*padding: 50px;*/
}
.hot-subject{
  width: 280px;
  height: 500px;
  margin: 0 auto;
  box-shadow:  0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
}

</style>
